<template>
  <form>
    姓名：<input /> 邮箱：<input />
    <button>新增</button>
  </form>
  <div v-for="(item, index) in dataSource">
    {{ item.id }}:{{ item.username }}:{{ item.email }}
    {{ `${item.id}:${item.username}` }}
  </div>
</template>
<script setup>
import { createUser, getUserList } from "../../service/user";
import { ref } from "vue";

const getData = () => {
  getUserList().then((res) => (dataSource.value = res.data.data.record));
};
// getData();

async function getData2() {
  try {
    const res = await getUserList();
    dataSource.value = res.data.data.record;
  } catch (e) {}
}
// getData2();

async function create() {
  await createUser({ username: "frank", email: "123123@qq.com" });
  const res = await getUserList();
  dataSource.value = res.data.data.record;
}

const create2 = async () => {
  await createUser({ username: "frank", email: "123123@qq.com" });
  const res = await getUserList();
  dataSource.value = res.data.data.record;
};

create2();

// axios({
//   url: "/users",
//   data: { name: "小明" },
//   params: { age: 18 },
//   method: "post",
//   baseURL:'http://study.zmyfrank.com:18010/api'
// }).then((res) => {
//   console.log(res);
// });

// axios({
//   url: "http://study.zmyfrank.com:18010/api/lists",
//   data: { name: "小明" },
//   params: { age: 18 },
//   method: "post",
// }).then((res) => {
//   console.log(res);
// });

// const axiosInstance = axios.create({
//   baseURL: "http://study.zmyfrank.com:18010/api",
//   timeout: 10000,
// });

// axiosInstance({
//   url: "/users",
//   method: "get",
//   params: {},
// })
//   .then((res) => {
//     const id = res.data.data.record[0].id;
//     return axiosInstance({ method: "get", url: `/users/${id}` });
//   })
//   .then((res) => console.log("详情数据", res));
const dataSource = ref([]);
// const getData = () => {
//   return request({
//     url: "/users",
//     method: "get",
//     params: {},
//   }).then((res) => {
//     dataSource.value = res.data.data.record;
//   });
// };

// request({
//   url: "/users",
//   method: "post",
//   data: {
//     username: "小明44",
//     email: "111@qq.com",
//   },
// }).then((res) => {
//   if (res.status === 200) {
//     return getData();
//   }
// });
</script>
<style></style>
